html,body{
	padding:0;
	margin:0;
	background: black;
}
.task{
    width: 712px;
    height: 300px;
    background: #2F1710;
    margin-left: 19px;
    margin-top: 20px;
    border-radius: 10px;
}
.title{
    height: 69px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 69px;
    margin-left: 20px;
}
hr{
	width: 685px;
}
.content{
	
font-size: 23px;
	
font-family: Microsoft YaHei;
	
font-weight: 300;
	
color: #FFFFFF;
	
margin-left: 20px;
	
margin-top: 20px;
}
.taskContent{
	font-size: 21px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFB55D;
	margin-left: 20px;
	margin-top: 10px;
}
.do{
	
}
.box{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.share1{
    width: 67px;
    height: 63px;
    background: url(../image/shareBack.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share2{
    width: 67px;
    height: 63px;
    background: url(../image/hui.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share3{
    width: 67px;
    height: 63px;
    background: url(../image/shareBack.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share1 img{
	width: 43px;
    height: 44px;
}
.share2 img{
	width: 43px;
    height: 44px;
}
.share3 img{
	width: 43px;
    height: 44px;
}
.zi{
    font-size: 21px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 5px;
}
.song{
	width: 712px;
    height: 200px;
    background: #2F1710;
    margin-left: 19px;
    margin-top: 20px;
    border-radius: 10px;
}
.withdrawal{
    font-size: 23px;
    color: #FFB55D;
    background: url(../image/gorealnameBack.png);
    width: 129px;
    height: 45px;
    background-size: 100% 100%;
    line-height: 45px;
    text-align: center;
    float: right;
    margin-top: -35px;
    margin-right: 20px;
    position: absolute;
    right: 40px;
}
.poster{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    bottom: 0;
    display: none;
}
.posterBox img{
	width: 616px;
    height: 689px;
}